<template>
  <div id="myTaskInfo">
    <!--试卷-->
    <h2 style="text-align: center">垃圾分类第二卷</h2>
    <div style="text-align: center;color: #ccc">考试时间：60分钟，总分：100分</div>
    <div style="position: relative;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 30px">
      <h3>五、香蕉皮属于什么垃圾？(<span style="color: #1AAD19">{{radio1}}</span>)</h3>
      <el-radio-group v-model="radio1">
        <el-radio label="A">A:干垃圾</el-radio>
        <el-radio label="B">B:湿垃圾</el-radio>
        <el-radio label="C">C:厨余垃圾</el-radio>
        <el-radio label="D">D:有害垃圾</el-radio>
      </el-radio-group>
    </div>
    <div style="position: relative;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 30px">
      <h3>五、香蕉皮属于什么垃圾？(<span style="color: #1AAD19">{{radio2}}</span>)</h3>
      <el-radio-group v-model="radio2">
        <el-radio label="A">A:干垃圾</el-radio>
        <el-radio label="B">B:湿垃圾</el-radio>
        <el-radio label="C">C:厨余垃圾</el-radio>
        <el-radio label="D">D:有害垃圾</el-radio>
      </el-radio-group>
    </div>
    <div style="position: relative;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 30px">
      <h3>五、香蕉皮属于什么垃圾？(<span style="color: #1AAD19">{{radio3}}</span>)</h3>
      <el-radio-group v-model="radio3">
        <el-radio label="A">A:干垃圾</el-radio>
        <el-radio label="B">B:湿垃圾</el-radio>
        <el-radio label="C">C:厨余垃圾</el-radio>
        <el-radio label="D">D:有害垃圾</el-radio>
      </el-radio-group>
    </div>
    <div style="position: relative;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 30px">
      <h3>五、香蕉皮属于什么垃圾？(<span style="color: #1AAD19">{{radio4}}</span>)</h3>
      <el-radio-group v-model="radio4">
        <el-radio label="A">A:干垃圾</el-radio>
        <el-radio label="B">B:湿垃圾</el-radio>
        <el-radio label="C">C:厨余垃圾</el-radio>
        <el-radio label="D">D:有害垃圾</el-radio>
      </el-radio-group>
    </div>
    <div style="position: relative;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 30px">
      <h3>五、香蕉皮属于什么垃圾？(<span style="color: #1AAD19">{{radio5}}</span>)</h3>
      <el-radio-group v-model="radio5">
        <el-radio label="A">A:干垃圾</el-radio>
        <el-radio label="B">B:湿垃圾</el-radio>
        <el-radio label="C">C:厨余垃圾</el-radio>
        <el-radio label="D">D:有害垃圾</el-radio>
      </el-radio-group>
    </div>
    <el-button type="primary" style="position: fixed;bottom: 20px;width: 1200px;">提交</el-button>
  </div>
</template>

<script>
  export default {
    name: 'myTaskInfo',
    data () {
      return {
        radio1: '',
        radio2: '',
        radio3: '',
        radio4: '',
        radio5: '',
      }
    },
    methods: {

    }
  }
</script>

<style scoped>
  #myTaskInfo {
    padding: 30px;
  }

</style>
